<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="../common/base.jsp" %>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>行程分享</title>
    <link rel="stylesheet" href="${base}/activity/tripShare/css/index.css">
    <script>
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.67 + 'px';
    </script>
</head>
<body id="isBody" style="display: none">
<div class="top-bar" style="background: url(${base}/h5/images/${appid}/logo@2x.png) no-repeat .32rem center/.48rem .48rem;background-color: #fff;">
    <span class="left-txt">${appName}</span>
    <a class="right-btn downloadApp" href="#" style="text-decoration: none;">立即下载</a>
</div>

<!-- 订单进行中 -->
<div class="wrapper-on">
    <div id="map-container"></div>
    <div class="info-box">

        <div class="top topInfo">
            <script id="topInfo" type="text/html">

                <div class="img-box"><img src="{{face}}"></div>
                <div class="txt-box">

                    <p class="p1">

                        <span class="txt1">{{name}}</span>
                        <span class="label">{{score}}</span>
                        <span class="txt2">{{orderCount}}单</span>

                    </p>
                    <p class="p2"><span class="txt1">{{plateNum}}</span><span class="txt2">{{carColor}}{{model}}</span></p>
                </div>
            </script>
        </div>
        <div class="bottom startEndInfo">
            <script type="text/html" id="startEndInfo">
                <p class="p1"><span>{{originDetailAddress}}</span><span class="status-txt">{{pasArrTime}}</span></p>
                <p class="p1 dest"><span>{{destDetailAddress}}</span><span class="status-txt">{{arriveTime}}</span></p>
                <!-- <p class="p2">{{destDetailAddress}}</p> -->
            </script>
        </div>
    </div>
    <a class="customer-service" href="tel:${tel}"><img src="${base}/activity/tripShare/images/map_icon_service.png"></a>
</div>
<!-- 订单结束 -->
<div class="wrapper-off" id="successorder">
    <img src="${base}/activity/tripShare/images/share_pic_time@2x.png"/>
    <p class="p1">该行程已于24小时前结束</p>
    <p class="p2">为了保护用户隐私，不支持查看行程信息</p>
</div>
<!-- 订单取消 -->
<div class="wrapper-off" id="cancel">
    <img src="${base}/activity/tripShare/images/share_pic_cancel@2x.png"/>
    <p class="p1">该行程已取消</p>
    <p class="p2">为了保护用户隐私，不支持查看行程信息</p>
</div>
<div class="mask"></div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=55897440ff54932c599cc73b9b4baf1c"></script>
<script type="text/javascript" src="${base}/activity/giftCollection/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/plugin/layer-v3.0.3/layer.js"></script>
<%--<script type="text/javascript" src="${base}/plugin/crypto-js/crypto-js.min.js"></script>--%>
<script type="text/javascript" src="${base}/plugin/jsencrypt/jsencrypt.js"></script>
<script type="text/javascript" src="${base}/activity/giftCollection/js/ajaxUtil.js?version=${version}"></script>
<script>
    (function () {
        var downloadapp = $(".downloadApp");
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;             //安卓
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);                         //IOS
        if (isAndroid) {
            downloadapp.attr("href",  window.downloadApp.android)
        }else if (isIOS) {
            downloadapp.attr("href",  window.downloadApp.ios)
        }
    })()

    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
</script>
<script src="${base}/activity/tripShare/js/template-web.js"></script>
<script src="${base}/activity/tripShare/js/cosmos.js"></script>


</body>
</html>
